@extends('home.layout.base')
<link rel="stylesheet" href="{{URL::asset('./css/hrmy/safe.css')}}">

@section('content')
<div class="mainHrContent" id="hrSafe">
    <div class="storelistTitle" id="storelistTitle"  v-cloak>
        <span class="storelistTitle_left">
            <span>
                <img src="{{URL::asset('./img/icon/home.png')}}">
            </span>
            <span><a href="{{route('home.index.index') }}">首页</a> >
                <a href="{{route('home.hrmy.hrIndex') }}">用户中心</a>
                > 安全中心
            </span>
        </span>
        <span class="storelistTitle_right">
            <span>找不到合适的供应商？发个需求试试？</span>
            <button @click=" window.location.href = '{{ route('home.demand.demandAdd') }}'">免费发布需求</button>
        </span>
    </div>
    <div class="hrContent">
        @include('home.hrmy.menu')
        <div class="basicInfo" id="hrSafes"  v-cloak>
            <div class="basicInfo_title">
                <span></span>
                安全中心
            </div>
            <div class="basicInfoContent">
                <div class="baseInfoDiv">
                    <div>
                        <img src="{{URL::asset('./img/icon/safeSetting.png')}}">
                        <div>
                            <span>登录密码</span>
                            <span>互联网账号存在被盗风险，建议您定期更改密码以保护账户安全</span>
                        </div>
                    </div>
                    <a :href="'{{route('home.hrmy.hrSafePass') }}?mobile='+userSafe.mobile">修改</a>
                </div>
                <div class="baseInfoDiv">
                    <div>
                        <img src="{{URL::asset('./img/icon/safeTel.png')}}">
                        <div>
                            <span>手机验证</span>
                            <span>您验证的手机：@{{userSafe.mobile}}若已丢失或停用，请立即联系客服，避免账户被盗</span>
                        </div>
                    </div>
                    <a href="{{route('home.hrmy.hrSafePhone') }}">修改</a>
                </div>
                <div class="baseInfoDiv">
                    <div>
                        <img src="{{URL::asset('./img/icon/safeQq.png')}}">
                        <div>
                            <span>QQ绑定</span>
                            <span>绑定常用QQ号码，避免账户被盗</span>
                        </div>
                    </div>
                    <a href="{{route('home.hrmy.hrSafeQQ') }}">修改</a>
                </div>
                <div class="baseInfoDiv">
                    <div>
                        <img src="{{URL::asset('./img/icon/safeWx.png')}}">
                        <div>
                            <span>微信绑定</span>
                            <span>绑定常用微信号，避免账户被盗</span>
                        </div>
                    </div>
                    <a href="{{route('home.hrmy.hrSafeWeixin') }}">修改</a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('compontentScipts')
<script>
    $(() => {
        let hrSafe = new Vue({
            el: '#hrSafes',
            data: () => {
                return {
                    userSafe:{}
                }
            },
            created() {
                let data = {}
                apiAjax("{{ route('home.user.userSafeApi')}}", 'get', data, (res) => {
                    if (res.code == 0) {
                        this.userSafe=res.data;
                    } else {
                        this.$message({
                            message: res.msg,
                            type: 'warning'
                        });
                    }
                }, (erro) => {

                });
            },
            mounted() {},
            methods: {}
        })
    })
</script>
@endsection